<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todo List</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <h1 class="titleHead">Todo List</h1>
        <input type="text" class="task" placeholder="Добавить задачу">
        <button class="addTask">Добавить</button>
        <ul class="taskList"></ul>
        <div class="buttons">
            <button class="highlightEven">Выделить чётное</button>
            <button class="highlightOdd">Выделить нечётное</button>
            <button class="removeLast">Удалить последнее</button>
            <button class="removeFirst">Удалить первое</button>
        </div>
    </div>
    <footer>
        <ul class="footerInfo center">
            <li class="infoItemLogo">
                <svg width="256" height="99" viewBox="0 0 256 99" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M132.912 43.7959H130.964V28.6426H138.995V30.4618H132.912V43.7959Z" fill="white" />
                    <path
                        d="M145.488 43.7959H143.539V28.6426H147.997C148.863 28.6426 149.639 28.7331 150.325 28.9142C151.01 29.0952 151.596 29.3798 152.088 29.7678C152.579 30.1558 152.954 30.6472 153.213 31.2378C153.472 31.8284 153.601 32.5355 153.601 33.3589C153.601 34.9324 153.092 36.1309 152.075 36.9629C151.058 37.795 149.639 38.2088 147.82 38.2088H145.483V43.7916L145.488 43.7959ZM145.488 36.3939H147.824C149.036 36.3939 149.958 36.1481 150.583 35.6567C151.213 35.1652 151.523 34.4151 151.523 33.4063C151.523 32.3975 151.208 31.6172 150.583 31.1559C149.954 30.6946 149.036 30.4618 147.824 30.4618H145.488V36.3939Z"
                        fill="white" />
                    <path
                        d="M170.095 43.7959H168.147V31.587L160.788 43.7959H158.581V28.6426H160.529V40.8515L167.888 28.6426H170.095V43.7959Z"
                        fill="white" />
                    <path
                        d="M187.715 43.7959H185.766V36.825H178.105V43.7959H176.157V28.6426H178.105V35.0488H185.766V28.6426H187.715V43.7959Z"
                        fill="white" />
                    <path
                        d="M201.958 39.7479H195.488L194.018 43.7959H192.047L197.828 28.6426H199.777L205.446 43.7959H203.411L201.963 39.7479H201.958ZM196.113 37.9717H201.329L198.798 30.8498H198.712L196.113 37.9717Z"
                        fill="white" />
                    <path d="M213.603 43.7959H211.654V30.4618H207.175V28.6426H218.086V30.4618H213.607V43.7959H213.603Z"
                        fill="white" />
                    <path
                        d="M228.407 44.0155C227.355 44.0155 226.406 43.8345 225.561 43.4723C224.716 43.1102 223.997 42.5972 223.397 41.9247C222.798 41.2521 222.341 40.4331 222.022 39.4674C221.703 38.5017 221.548 37.4196 221.548 36.2212C221.548 35.0227 221.712 33.9233 222.044 32.962C222.376 32.0006 222.841 31.1858 223.44 30.5176C224.04 29.8451 224.755 29.3321 225.596 28.97C226.432 28.6078 227.351 28.4268 228.346 28.4268C229.472 28.4268 230.463 28.6165 231.321 29.0001C232.179 29.3838 232.903 29.9184 233.485 30.6038C234.071 31.2893 234.511 32.1127 234.817 33.0698C235.119 34.0311 235.27 35.0787 235.27 36.2212C235.27 37.5058 235.097 38.6353 234.748 39.6096C234.403 40.5839 233.925 41.3944 233.321 42.0454C232.713 42.6963 231.994 43.1835 231.157 43.5155C230.321 43.8474 229.403 44.0155 228.407 44.0155ZM228.601 42.1963C230.028 42.1963 231.153 41.6962 231.968 40.6917C232.782 39.6872 233.192 38.1999 233.192 36.2212C233.192 35.1822 233.08 34.2855 232.856 33.5354C232.632 32.7852 232.313 32.1644 231.894 31.673C231.476 31.1815 230.968 30.8194 230.368 30.5909C229.769 30.3581 229.097 30.246 228.346 30.246C227.682 30.246 227.062 30.3667 226.484 30.6125C225.906 30.8582 225.411 31.2246 224.992 31.7161C224.574 32.2076 224.242 32.8284 223.997 33.5785C223.751 34.3286 223.63 35.2081 223.63 36.2212C223.63 37.2343 223.751 38.0921 223.988 38.8423C224.225 39.5924 224.561 40.2175 224.992 40.7133C225.423 41.2133 225.949 41.5841 226.562 41.8298C227.174 42.0756 227.855 42.1963 228.605 42.1963H228.601Z"
                        fill="white" />
                    <path
                        d="M255.489 43.7959H253.54L252.609 31.9578L248.776 43.7959H246.742L242.931 32.0009L241.978 43.7959H240.029L241.327 28.6426H243.707L247.798 41.6749L251.803 28.6426H254.182L255.48 43.7959H255.489Z"
                        fill="white" />
                    <path d="M115.625 7.8418H114.586V91.5496H115.625V7.8418Z" fill="white" />
                    <path
                        d="M132.538 72.1805H130.977V60.0449H134.547C135.241 60.0449 135.861 60.1182 136.409 60.2605C136.956 60.4027 137.431 60.6355 137.823 60.9459C138.215 61.2563 138.517 61.653 138.724 62.1272C138.931 62.6014 139.034 63.1661 139.034 63.8257C139.034 65.0846 138.625 66.0459 137.814 66.7141C137 67.378 135.866 67.71 134.409 67.71H132.538V72.1849V72.1805ZM132.538 66.2528H134.409C135.379 66.2528 136.116 66.0545 136.62 65.6622C137.125 65.2699 137.375 64.6707 137.375 63.8602C137.375 63.0497 137.125 62.4289 136.62 62.0582C136.116 61.6874 135.379 61.5021 134.409 61.5021H132.538V66.2528Z"
                        fill="white" />
                    <path
                        d="M147.833 72.3569C146.988 72.3569 146.229 72.2103 145.553 71.9215C144.876 71.6326 144.298 71.2188 143.82 70.6842C143.341 70.1453 142.975 69.49 142.72 68.714C142.466 67.9381 142.341 67.0715 142.341 66.1145C142.341 65.1574 142.474 64.2737 142.742 63.5063C143.009 62.7389 143.38 62.0836 143.858 61.5491C144.337 61.0102 144.915 60.5963 145.583 60.3075C146.251 60.0187 146.988 59.8721 147.786 59.8721C148.687 59.8721 149.48 60.0273 150.17 60.3334C150.855 60.6394 151.437 61.0662 151.903 61.618C152.368 62.1655 152.726 62.8251 152.968 63.5925C153.209 64.3599 153.33 65.2005 153.33 66.1145C153.33 67.1448 153.192 68.0458 152.916 68.8261C152.64 69.6064 152.256 70.2574 151.773 70.7747C151.286 71.2964 150.709 71.6887 150.04 71.9516C149.372 72.2189 148.635 72.3526 147.837 72.3526L147.833 72.3569ZM147.988 70.8997C149.131 70.8997 150.032 70.4988 150.683 69.697C151.334 68.8951 151.661 67.7009 151.661 66.1188C151.661 65.2868 151.571 64.5711 151.394 63.9676C151.213 63.3683 150.959 62.8683 150.622 62.476C150.286 62.0836 149.881 61.7948 149.402 61.6094C148.924 61.424 148.381 61.3335 147.781 61.3335C147.251 61.3335 146.751 61.4327 146.29 61.6267C145.828 61.825 145.428 62.1181 145.096 62.5104C144.759 62.9027 144.496 63.4028 144.298 64.0021C144.1 64.6013 144.005 65.3083 144.005 66.1188C144.005 66.9293 144.1 67.6147 144.289 68.2183C144.479 68.8175 144.751 69.3176 145.096 69.7185C145.445 70.1151 145.863 70.4169 146.354 70.6109C146.846 70.8092 147.393 70.9041 147.993 70.9041L147.988 70.8997Z"
                        fill="white" />
                    <path
                        d="M165.672 71.8517C165.336 72.0155 164.944 72.1362 164.491 72.2268C164.038 72.313 163.551 72.3561 163.017 72.3561C162.068 72.3561 161.223 72.2138 160.477 71.9293C159.732 71.6448 159.098 71.2395 158.581 70.7093C158.059 70.179 157.662 69.541 157.386 68.7952C157.111 68.0493 156.968 67.2087 156.968 66.2732C156.968 65.2428 157.106 64.3332 157.386 63.5357C157.662 62.7381 158.063 62.0699 158.581 61.5267C159.102 60.9835 159.727 60.574 160.46 60.2938C161.193 60.0178 162.012 59.8799 162.913 59.8799C163.607 59.8799 164.168 59.9273 164.603 60.0265C165.039 60.1256 165.396 60.2334 165.685 60.3455L165.392 61.7164C165.013 61.5784 164.625 61.4793 164.232 61.4232C163.84 61.3672 163.452 61.337 163.068 61.337C161.624 61.337 160.525 61.7423 159.766 62.5527C159.007 63.3632 158.632 64.5531 158.632 66.1223C158.632 66.8724 158.74 67.5493 158.951 68.1442C159.167 68.7391 159.469 69.2435 159.861 69.6531C160.253 70.0626 160.732 70.3773 161.301 70.5886C161.866 70.8041 162.508 70.9076 163.224 70.9076C163.603 70.9076 163.991 70.8731 164.375 70.8041C164.763 70.7351 165.108 70.623 165.405 70.4765L165.664 71.8646L165.672 71.8517Z"
                        fill="white" />
                    <path
                        d="M176.575 68.9386H171.393L170.216 72.1805H168.638L173.268 60.0449H174.829L179.373 72.1805H177.743L176.579 68.9386H176.575ZM171.893 67.516H176.07L174.04 61.8125H173.971L171.889 67.516H171.893Z"
                        fill="white" />
                    <path d="M185.727 72.1805H184.167V61.5021H180.58V60.0449H189.319V61.5021H185.732V72.1805H185.727Z"
                        fill="white" />
                    <path
                        d="M197.415 72.3569C196.57 72.3569 195.811 72.2103 195.134 71.9215C194.457 71.6326 193.88 71.2188 193.401 70.6842C192.923 70.1453 192.556 69.49 192.302 68.714C192.047 67.9381 191.922 67.0715 191.922 66.1145C191.922 65.1574 192.056 64.2737 192.323 63.5063C192.591 62.7389 192.961 62.0836 193.44 61.5491C193.918 61.0102 194.496 60.5963 195.164 60.3075C195.832 60.0187 196.57 59.8721 197.367 59.8721C198.268 59.8721 199.061 60.0273 199.751 60.3334C200.437 60.6394 201.019 61.0662 201.484 61.618C201.95 62.1655 202.308 62.8251 202.549 63.5925C202.791 64.3599 202.911 65.2005 202.911 66.1145C202.911 67.1448 202.773 68.0458 202.497 68.8261C202.221 69.6064 201.838 70.2574 201.355 70.7747C200.868 71.2964 200.29 71.6887 199.622 71.9516C198.954 72.2189 198.217 72.3526 197.419 72.3526L197.415 72.3569ZM197.57 70.8997C198.712 70.8997 199.613 70.4988 200.264 69.697C200.915 68.8951 201.243 67.7009 201.243 66.1188C201.243 65.2868 201.152 64.5711 200.976 63.9676C200.795 63.3683 200.54 62.8683 200.204 62.476C199.868 62.0836 199.462 61.7948 198.984 61.6094C198.505 61.424 197.962 61.3335 197.363 61.3335C196.833 61.3335 196.333 61.4327 195.871 61.6267C195.41 61.825 195.009 62.1181 194.677 62.5104C194.341 62.9027 194.078 63.4028 193.88 64.0021C193.681 64.6013 193.586 65.3083 193.586 66.1188C193.586 66.9293 193.681 67.6147 193.871 68.2183C194.061 68.8175 194.332 69.3176 194.677 69.7185C195.026 70.1151 195.444 70.4169 195.936 70.6109C196.427 70.8092 196.975 70.9041 197.574 70.9041L197.57 70.8997Z"
                        fill="white" />
                    <path
                        d="M218.927 72.1805H217.366L216.62 62.6962L213.551 72.1805H211.921L208.869 62.7307L208.106 72.1805H206.545L207.584 60.0449H209.49L212.766 70.482L215.974 60.0449H217.879L218.918 72.1805H218.927Z"
                        fill="white" />
                    <path
                        d="M57.6763 56.6007C53.8351 60.8601 47.278 61.1834 43.0316 57.3293C38.7896 53.4752 38.4619 46.8922 42.2988 42.6415C46.1399 38.3865 52.697 38.0675 56.9434 41.9173C61.1855 45.7671 61.5131 52.3414 57.672 56.6007"
                        fill="white" />
                    <path
                        d="M25.9727 49.9788C25.9727 49.9788 31.7495 47.0386 35.0949 33.9632C38.4402 20.8921 50.9035 14.8135 50.9035 14.8135C50.9035 14.8135 24.1491 -11.7383 3.88281 29.9108C3.88281 29.9108 20.4028 33.1527 25.9727 49.9745"
                        fill="white" />
                    <path
                        d="M28.4038 4.57878C28.4038 4.57878 49.0279 0.522067 61.2368 26.3625C61.2368 26.3625 75.4762 30.9754 87.9912 17.7491C87.9912 17.7491 67.0654 -10.8764 28.4038 4.57878Z"
                        fill="white" />
                    <path
                        d="M62.0476 69.5598C62.0476 69.5598 56.6114 66.0291 43.6179 69.6719C30.6286 73.3191 19.1268 65.5635 19.1268 65.5635C19.1268 65.5635 9.52172 102.009 55.7233 98.7241C55.7233 98.7241 50.2655 82.7991 62.0433 69.5555"
                        fill="white" />
                    <path
                        d="M21.5194 90.1619C21.5194 90.1619 7.69383 74.3317 23.9594 50.8321C23.9594 50.8321 20.8296 36.1961 3.11981 31.9756C3.11981 31.9756 -11.2015 64.4163 21.5237 90.1619"
                        fill="white" />
                    <path
                        d="M61.0259 28.6864C61.0259 28.6864 60.6853 35.1616 70.3378 44.5899C79.9902 54.0182 79.0332 67.8523 79.0332 67.8523C79.0332 67.8523 115.397 57.9412 89.4444 19.5771C89.4444 19.5771 78.3822 32.2689 61.0259 28.6907"
                        fill="white" />
                    <path
                        d="M99.1399 53.4746C99.1399 53.4746 92.35 73.3615 63.8625 71.0335C63.8625 71.0335 52.7529 81.0611 57.9607 98.5122C57.9607 98.5122 93.2165 94.6883 99.1442 53.4746"
                        fill="white" />
                </svg>
            </li>
            <li class="infoItemMe">
                <p class="myName">&copy Позолотин С.И., 2023</p>
                <div class="wrapper">
                    <svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                        <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                        <g id="SVGRepo_iconCarrier">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z"
                                fill="#ffffff"></path>
                        </g>
                    </svg>
                    <a href="mailto:pozolotin-cvat@yandex.ru">pozolotin-cvat@yandex.ru</a>
                </div>
                <div class="wrapper">
                    <svg fill="#ffffff" width="20px" height="20px" viewBox="0 0 32 32" version="1.1"
                        xmlns="http://www.w3.org/2000/svg">
                        <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                        <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                        <g id="SVGRepo_iconCarrier">
                            <title>telegram</title>
                            <path
                                d="M22.122 10.040c0.006-0 0.014-0 0.022-0 0.209 0 0.403 0.065 0.562 0.177l-0.003-0.002c0.116 0.101 0.194 0.243 0.213 0.403l0 0.003c0.020 0.122 0.031 0.262 0.031 0.405 0 0.065-0.002 0.129-0.007 0.193l0-0.009c-0.225 2.369-1.201 8.114-1.697 10.766-0.21 1.123-0.623 1.499-1.023 1.535-0.869 0.081-1.529-0.574-2.371-1.126-1.318-0.865-2.063-1.403-3.342-2.246-1.479-0.973-0.52-1.51 0.322-2.384 0.221-0.23 4.052-3.715 4.127-4.031 0.004-0.019 0.006-0.040 0.006-0.062 0-0.078-0.029-0.149-0.076-0.203l0 0c-0.052-0.034-0.117-0.053-0.185-0.053-0.045 0-0.088 0.009-0.128 0.024l0.002-0.001q-0.198 0.045-6.316 4.174c-0.445 0.351-1.007 0.573-1.619 0.599l-0.006 0c-0.867-0.105-1.654-0.298-2.401-0.573l0.074 0.024c-0.938-0.306-1.683-0.467-1.619-0.985q0.051-0.404 1.114-0.827 6.548-2.853 8.733-3.761c1.607-0.853 3.47-1.555 5.429-2.010l0.157-0.031zM15.93 1.025c-8.302 0.020-15.025 6.755-15.025 15.060 0 8.317 6.742 15.060 15.060 15.060s15.060-6.742 15.060-15.060c0-8.305-6.723-15.040-15.023-15.060h-0.002q-0.035-0-0.070 0z">
                            </path>
                        </g>
                    </svg>
                    <a href="https://t.me/Ho1yBot">@Ho1yBot</a>
                </div>
            </li>
        </ul>
    </footer>
    <script src="script.js"></script>
</body>
</html>